<template>
    <el-dialog :visible.sync="show" title="xx" width="60%">
        <div class="hidden-sm-and-down">
            <el-descriptions :column="4" title="xx">
                <el-descriptions-item v-for="(value,key) in Value" :label="Label[key]">
                    {{ value }}
                </el-descriptions-item>
            </el-descriptions>
            <span slot="footer" class="dialog-footer">
				<el-button @click="#{database}IntroduceClose">取 消</el-button>
				<el-button type="primary" @click="#{database}IntroduceClose">确 定</el-button>
			</span>
        </div>
    </el-dialog>
</template>

<script>
export default {
    name: "#{database}Introduce",
    data() {
        return {
            show: false,
            Label:{
                "@{field.name}":"@{field.label}",@{field}
            },
            Value:{
                "@{field.name}":null,@{field}
            },
        }
    },
    mounted() {
        this.$bus.$on('#{database}IntroduceOpen', this.#{database}IntroduceOpen)    // 显示详情会话
        this.$bus.$on('#{database}IntroduceClose', this.#{database}IntroduceClose)    // 显示详情会话
    },
    beforeCreate() {
    },
    methods: {
        #{database}IntroduceOpen(msg) {
            this.Value.@{field.name} = msg["@{field.name}"]@{field}
            this.show = true
        },
        #{database}IntroduceClose() {
            this.show = false
        },
    }
}
</script>

<style scoped>

</style>